footer{
    max-width: 750px;
    min-width: 320px;
    width: 100%;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    z-index: 999;
  }
  footer>div{
    padding: 0 10px;
    height: 65px;

    font-size: 14px;
    text-align: center;
  }

  footer>div:hover a{
    color: red;
  }
  footer>div>.imgbox{
    transform: scale(0.6);
  }
  footer .home .imgbox{
    width: 37px;
    height: 42px;
    background: url(../img/icon_news_unselected.png) no-repeat -3px -2px;
  }    
  footer .home:hover .imgbox{
    width: 37px;
    height: 42px;
    background: url(../img/icon_news_selected.png) no-repeat -3px -2px;
  }    
  
  footer .great .imgbox{
    width: 44px;
    height: 42px;
    background: url(../img/icon_book_unselected.png) no-repeat 0 -2px;
  }
  footer .great:hover .imgbox{
    width: 44px;
    height: 42px;
    background: url(../img/icon_book_selected.png) no-repeat 0 -2px;
  }
  footer .number .imgbox{
    background: url(../img/icon_cyol_unselected.png) no-repeat -1px -1px;
    width: 42px;
    height: 42px
  }
  footer .number:hover .imgbox{
    background: url(../img/icon_cyol_selected.png) no-repeat -1px -1px;
    width: 42px;
    height: 42px
  }
  footer .employment .imgbox{
    background: url(../img/icon_service_unselected.png) no-repeat -1px -4px;
    width: 42px;
    height: 42px;
  }
  footer .employment:hover .imgbox{
    background: url(../img/icon_service_selected.png) no-repeat -1px -4px;
    width: 42px;
    height: 42px;
  }
  footer .mine .imgbox{
    background: url(../img/icon_user_unselected.png) no-repeat -4px -1px;
    width: 36px;
    height: 42px;
  }
  footer .mine:hover .imgbox{
    background: url(../img/icon_user_selected.png) no-repeat -4px -1px;
    width: 36px;
    height: 42px;
  }